@base-color1: #ccb478;
@base-lightcolor1: #ebe6d8;
@base-darkcolor1:#b0964f;
@base-color2: #00a636;
@link-color: #9e6901;
@text-color: #222222;
@sprite-bg:url(../images/dtv_sprite.png);
.boxInnerShadow{
	box-shadow:0 1px 2px rgba(0,0,0,0.35) inset;
}
.boxShadow{
	box-shadow:0 1px 2px rgba(0,0,0,0.35);
}
html{
	background:#eee;
}
body{
	text-align:center;
	font-size:12px;
	font-family:Microsoft Yahei;
	background:#eee;
	color:@text-color;
}
a{
	color:@link-color;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.clear{
	clear:both;
}
.left{
float:left;
}
.right{
float:right;
}
.rightSideAd{
	margin-bottom:10px;
}
img{
	border: none;
}
//icons
.imgIco{
	background:@sprite-bg no-repeat 0 0;
	width:16px;
	height:16px;
	vertical-align:middle;
	display:inline-block;
	margin-right:5px;
}
.loginIco{
background-position:-8px -322px;
}
.regIco{
background-position:-8px -352px;
}
.searchIco{
background-position:-8px -378px;
}
//contatiner
.container{
	width:930px;
	margin:0 auto;
	text-align:left;
	padding:10px 15px;
	border:solid 1px #ddd;
	background:#fff;
	border-radius:0 0 5px 5px;
	.boxShadow;
}
.header{
margin-bottom:15px;
	.topLinks{
		float:right;
		margin-bottom:10px;
		color:#999;
		a{
			text-decoration:none;
			font-size:14px;
			padding:0 5px;			
		}
	}
	.logo{
	float:left;
	width:190px;
	height:65px;
	background:url(../images/dtv_sprite.png) no-repeat -3px -230px;
	text-indent:-10000px;
	margin-top:-10px;
	}
}
.footer{
	padding:20px 0;
}
.menu{
	ul{
	float:right;
		li{
			float:left;
			display:block;
			margin-left:1px;
			
			a{
				color:#fff;
				text-align:center;			
				float:left;
				display:block;
				width:101px;
				height:50px;
				line-height:50px;
				background:@sprite-bg no-repeat 0 -144px;
				text-decoration:none;
				font-weight:bold;
				font-size:16px;
			}
			a:hover{
				background-position:0 -79px;
			}
			a.selected{
				background-position:0 -15px;
			}
		}
	}
}
//ad control
.adBanner, .flashBanner{
	margin-bottom:10px;
	}
.flashBanner img{
width:100%;
}

//columns defination
.col3main{
	.col1{
		width:340px;
		margin-right:12px;
	}
	.col2{
		width:340px;
		
	}
	.col3{
		width:225px;
	}
}

//section
.section{
	h2{
		background:@base-color1;
		color:#333;
		padding:5px 10px;
		line-height:1em;
		font-size:14px;
		font-weight:bold;
		text-shadow:0 1px 1px rgba(255,255,255,0.75);
		border-radius:3px;
	}
	.sectionCon{
		padding:10px;
	}
	.sectionCon.nopadding{
		padding:10px 0;
	}
	h3{
		border-bottom:solid 2px #999;
		color:#666;
		padding:3px 0px;
		margin-bottom:5px;
		font-size:14px;
	}
}

//searchArea
.searchArea{
	border:solid 1px #bbb;	
		border-radius:5px;
		overflow:hidden;
		.boxInnerShadow;
		
	.searchInput{
		background:transparent @sprite-bg no-repeat -1px -375px;
		padding:3px 5px 3px 25px;
		width:210px;
		height:21px;
		border:none;
		margin-top:3px;
		
	}
	.searchBtn{
		background:@sprite-bg no-repeat -113px -15px;
		width:71px;
		height:32px;
		margin-top:-1px;
		border:none;
		text-indent:-10000px;
		display:inline-block;
		float:right;
		cursor:pointer;
	}
	}
//newsList
.newsList{
	li{
	margin-bottom:10px;
	background:url(../images/bullet.png) no-repeat 0 22px;
	padding-left:20px;
		.time{
		color:#999;
		}
		h4{
		font-size:14px;
		margin-bottom:5px;
		}
		p{
		color:#666;
		}
	}
}
.newsList.withImg{
	li{
	background:none;
	padding-left:0;
	overflow:hidden;
		img{
			float:left;
			display:block;
			margin:0 15px 0 0;
			border:solid 1px #ddd;
			padding:1px;
		}
		h4{
			font-size:16px;
		}
	}
}
.activityList{
	.newsList{
		li{
			overflow:hidden;
			border-bottom:solid 1px #ddd;
			padding-bottom:15px;
			margin-bottom:15px;
			.img{
				float:left;
			}
			.intro{
				float:left;
			}
			.buttonBar{
				float:right;
				border:none;
			}
		}
	}
}

.bigBtn{
	a{
		width:167px;
		height:60px;
		display:inline-block;
		text-align:center;
		font-size:16px;
		color:#fff;
		line-height:60px;
		margin-bottom:10px;
		font-weight:bold;
		text-shadow:0 1px 1px rgba(0,0,0,0.75);
	}
}
.bottomLinks1{
	width:167px;
		a{
			background:url(../images/dtv_sprite.png) no-repeat -215px -144px;
			}
		a:hover{
			background:@base-color2;
		}
		
	
}
.bottomLinks2{
	width:167px;
		a{
			background:url(../images/dtv_sprite.png) no-repeat -215px -15px;
			
		}
		a:hover{background:@base-color1;}
}
.mainContent .bottomLinks3{
	padding-top:15px;
	margin-top:15px;
	border-top:solid 1px #ddd;
	margin-right:-15px;
	margin-left:-15px;
	padding-left:15px;
}
.bottomLinks3{
a{
	width:178px;
	height:66px;
	margin-right:6px;
	display:inline;
	display:inline-block;
	
}

	.blink1,.blink1:hover{
		background:url(../images/dtv_sprite.png) no-repeat 0 -531px;
	}
	.blink2,.blink2:hover{
		background:url(../images/dtv_sprite.png) no-repeat -189px -531px;
	}
	.blink3,.blink3:hover{
		background:url(../images/dtv_sprite.png) no-repeat -380px -531px;
	}
	.blink4,.blink4:hover{
		background:url(../images/dtv_sprite.png) no-repeat -571px -531px;
	}
	.blink5,.blink5:hover{
		background:url(../images/dtv_sprite.png) no-repeat -759px -531px;
	}
	.last{
		margin:0;
	}
}

.mainContainer{
	overflow:hidden;
	.breadcrumb{
		margin-bottom:10px;
		border-bottom:solid 1px @base-color2;
		padding:5px;
		color:#999;
	}
}
//leftnav
.userProfile{
	padding:10px;
	border:solid 1px #ddd;
	margin-bottom:10px;
}
.leftNav{
	width:180px;
	margin-right:15px;
	float:left;
	font-size: 13px;
  h1{
  	background:#bbb;
	color:#fff;
	padding:10px 10px;
	padding-left:35px;
	border-bottom:solid 2px #ccc;
	font-size:18px;
  }
	li{
		display:block;
		position: relative;
		border: solid 1px #ccc;
		margin-bottom: -1px;
		.treeNode{
				display: inline-block;
				vertical-align: baseline;
				position: absolute;
				top: 0px;
				left: 0px;
				background-color: #fff;
				width: 16px;
				height: 16px;
				border: solid 1px #ccc;
				margin:7px 0 0 7px;
				cursor: pointer;
			}
			.treeNode:hover{
				background:@base-lightcolor1;
			}
		ul{
			font-size: 12px;
			display: none;
		}
		li{
			border: none;
		}
		li a{
			padding-left:50px;
			margin-top: 1px;

		}
		a{
			display:block;
			height:30px;
			background:#f7f7f7;
			line-height:30px;
			padding-left:35px;
			

		}

		a:hover{
			color: #222;
			background: @base-lightcolor1;
			text-decoration:none;
			border-color:#999;
		}
		a.selected{
			color:#fff;
			background: @base-color1;
			border-color: @base-color1;
		}
	}
	li.extended  > a{
		background:@base-lightcolor1;
		border-bottom: solid 1px #ccc;

	}
}
//sectionContainer
.sectionContainer{
	border:solid 1px #ddd;
	padding:10px;
	margin-bottom:10px;
	h3{
		font-size:14px;
		padding:5px 10px;
		margin:-10px -10px 0;
		background:#f1f1f1;
	}
	.sectionArea{
		padding-top:10px;
	}
}

//login panel
.loginBody{
	.menu{
		display: none;
	}
	.logo{
		float: none;
		margin:0 auto;
	}
	.topLinks{
		display: none;
	}
}
.loginContainer{
	text-align:center;
	margin-top: 30px;
	margin-bottom:30px;

	.loginContainerInner{
		text-align: left;
		width:600px;
		margin: 0 auto;
		border: solid 1px #ddd;
		padding:20px;
		h2{
			font-size: 16px;
			padding:10px 20px;
			line-height: 30px;
			background:@base-lightcolor1;
			margin:-20px -20px 20px -20px;
		}
		p{
			line-height: 2em;
			label{
				display: inline-block;
				width:5em;
				margin-left: 35%;
			}

		}
		.buttonbar{
			text-align: center;
			font-size: 14px;
			margin-top: 20px;
			border-top: dashed 1px #ddd;
			padding-top: 20px;
			#loginBtn{
				font-size: 16px;
				margin-right: 10px;
				background: @base-color2;
				color: #fff;
				border: solid 1px @base-color2;
				padding: 5px 10px;
				cursor:pointer;
			}
			a{
				margin-right: 10px;
			}
		}
	}

}




/*main content*/
.rightContainer{
	overflow: hidden;

	h1{
		font-size: 18px;
		margin-bottom: 15px;
		border-bottom: solid 2px @base-color1;
		padding-bottom:15px;
		padding-top: 15px;
		.ui-button{
			float:right;
			font-size:12px;
		}
	}
	h3{
		background:#f7f7f7;
		border:solid 1px #f1f1f1;
		padding:10px;
		font-weight: bold;
		margin: 15px 0 15px 0;
		.more{
			background: @base-color1;
			float: right;
			display: inline-block;
			padding: 10px;
			margin: -10px -10px 0 0;
			color: #fff;
		}
		.more:hover{
			background: @base-darkcolor1;
		}

	}
	p{
		line-height: 1.5em;
		margin-bottom: 10px;
		label{
			display: inline-block;
			width: 8em;
			vertical-align: top;
		}
		span{
			display:inline-block;
		}
		.inputBlock .textinput{
			width: 600px;
			border: solid 1px #ccc;
			resize:none;
			}
			.inputBlock textarea{
			width: 600px;
			border: solid 1px #ccc;
			resize:none;
			height: 5em;
			padding: 5px;
		}
		a{
			margin-right:10px;
			.ui-icon{
				display:inline-block;
				vertical-align:middle;
			}
		}
	}
	input.inputRightInline{
		width:400px;
		border: solid 1px #ccc;
		resize:none;
		padding:0 5px;
	}
	textarea.inputInline{
		width:700px;
		border: solid 1px #ccc;
		resize:none;
		height: 7em;
		padding:5px;
	}
	.buttonBar{
		text-align: center;
		padding:10px 0;
		border-top:dashed 1px #ddd;
	}
	.submitBtn{
		background: @base-color1;
		padding: 5px 10px;
		font-size: 14px;
		border: solid 1px @base-darkcolor1;
		cursor: pointer;
		color:#fff;
		font-weight:bold;
	}
	.submitBtn:hover{
			color:#222;
			background:@base-lightcolor1;
			border-color: @base-color1;
		}
	.list{
		margin-left: 50px;
		list-style: square;
		line-height: 1.5em;
	}
}
//article
.article{
  	margin-bottom:40px;
	p{
		text-indent:2em;
		line-height:2em;
		
		
	}
	.inlineImg{
		text-align:center;
		img{
			width:80%;
			padding:5px;
			border:solid 1px #ddd;
		}
	}
	.logos{
		img{
			margin-right:20px;
		}
	}
	.table{
	  width:100%;
	  border-collapse:collapse;
	  border:solid 1px #999;
	  th{
	  	background: @base-color1;
		padding:3px 5px;
	  }
	  td{
	  	border:solid 1px #ddd;
		padding:3px 5px;
	  } 
	  
	  p{
	  	text-indent:0;
	  }
	}
}

/*namecard*/
.nameCard{
	width:350px;
	padding:5px 0 10px 0;
	border:solid 3px #ddd;
	margin-left:150px;
	h1{
		font-size: 20px;
		margin:0;
		padding: 5px 10px;
	}
	h2{
		padding:5px 10px;
		background:@base-color2;
		color:#fff;
		font-size: 14px;
		margin-bottom: 10px;
	}
	p{
		margin:0 0 0 10px;
		padding:0;
		line-height: 1.5em;

	}
}

.red{
	color:red;
}
.ui-tabs{
	padding:0;
	background:none;
	border:none;
}
.inputImgBlock{
overflow:hidden;
	li{
		float:left;
		display:block;
		margin-right:5px;
	}
}